<div class="row--25-75 grid-demo">
  <div class="col">
    <h4>25/75 split on large</h4>
  </div>
  <div class="col">
    <p>Use the 25/75 split on large screens for sections with a narrow first column (usually a heading), followed by a large content area that can be split into smaller nested grid if needed.</p>
    <p>On medium and small screens, columns will be stacked.</p>
    <p>To achieve that, use the <code>row--25-75-on-large</code> class name on the row and <code>col</code> on the columns.</p>
  </div>
</div>